<template>
  <div>
    <Modal width="80%" v-model="queryEdit" :title="'信息比对：' + this.personnelInfo.name " @on-ok="queryEdit = false">
      <div v-for="item in dataList" style="padding-top: 30px">
        <Card>
          <p slot="title">修改日期：{{item.create_time}}</p>
          <Row :gutter="24">
            <Col span="11">
              <Card>
                <p slot="title">旧值</p>
                <Row class="bench_search" v-if="item.formData.sex !== undefined">
                  <Col span="6" style="margin-top: 6px">性别：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.sex" filterable transfer="">
                      <Option disabled :value="'男'" >男</Option>
                      <Option disabled :value="'女'" >女</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.hunyin !== undefined">
                  <Col span="6" style="margin-top: 6px">婚姻状况：</Col>
                  <Col span="6">
                    <Select style="width: 70%;" v-model="item.formData.hunyin">
                      <Option v-for="item in labelList.hunyin" :key="item.number" :value="item.number">{{ item.type_name }}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.minzu !== undefined">
                  <Col span="6" style="margin-top: 6px">民族：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.minzu" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.minzu" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.zzmm !== undefined">
                  <Col span="6" style="margin-top: 6px">政治面貌：</Col>
                  <Col span="6">
                    <Select v-model="item.formData.zzmm" filterable transfer="" disabled="">
                      <Option :value="item.number" v-for="item in labelList.zzmm" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.tysb !== undefined">
                  <Col span="6" style="margin-top: 6px">是否退役士兵定向：</Col>
                  <Col span="6">
                    <Select v-model="item.formData.tysb" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.tysbdx !== undefined">
                  <Col span="6" style="margin-top: 6px">是否退役士兵定向：</Col>
                  <Col span="6">
                    <Select v-model="item.formData.tysbdx" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.js !== undefined">
                  <Col span="6" style="margin-top: 6px">是否军嫂：</Col>
                  <Col span="6">
                    <Select v-model="item.formData.js" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.zsdx !== undefined">
                  <Col span="6" style="margin-top: 6px">是否军嫂定向：</Col>
                  <Col span="6">
                    <Select v-model="item.formData.zsdx" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.dbhzn !== undefined">
                  <Col span="6" style="margin-top: 6px">是否为边缘低保户子女：</Col>
                  <Col span="6">
                    <Select v-model="item.formData.dbhzn" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.phone !== undefined">
                  <Col span="6" style="margin-top: 6px">联系方式：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.phone" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.hj_address !== undefined">
                  <Col span="6" style="margin-top: 6px">户籍地址：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.hj_address" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.jt_address !== undefined">
                  <Col span="6" style="margin-top: 6px">家庭地址：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.jt_address" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.mgzp !== undefined">
                  <Col span="6" style="margin-top: 6px">免冠照片：</Col>
                  <Col span="6">
                    <img :src="item.formData.mgzp" style="height: 120px; width: 100px;">
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.sfzzm !== undefined">
                  <Col span="6" style="margin-top: 6px">身份证正面：</Col>
                  <Col span="6">
                    <img :src="item.formData.sfzzm" style="height: 120px; width: 100px;">
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.sfzfm !== undefined">
                  <Col span="6" style="margin-top: 6px">身份证反面：</Col>
                  <Col span="6">
                    <img :src="item.formData.sfzfm" style="height: 120px; width: 100px;">
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.byyx !== undefined">
                  <Col span="6" style="margin-top: 6px">毕业院校：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.byyx" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.sxzy !== undefined">
                  <Col span="6" style="margin-top: 6px">所学专业：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.sxzy" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.zgxl !== undefined">
                  <Col span="6" style="margin-top: 6px">最高学历：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.zgxl" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.zgxl" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.xw !== undefined">
                  <Col span="6" style="margin-top: 6px">学位：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.xw" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.xw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.bysj !== undefined">
                  <Col span="6" style="margin-top: 6px">毕业时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.bysj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.shgzs !== undefined">
                  <Col span="6" style="margin-top: 6px">社会工作师职业资格：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.shgzs" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.shgzs" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.shgzssj !== undefined">
                  <Col span="6" style="margin-top: 6px">社会工作师职业资格获取时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.shgzssj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.shgzs !== undefined">
                  <Col span="6" style="margin-top: 6px">党委职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="formData.shgzs" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.dwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search"  v-if="item.formData.jwzw !== undefined">
                  <Col span="6" style="margin-top: 6px">居委职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.jwzw" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.jvwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.jwcy !== undefined">
                  <Col span="6" style="margin-top: 6px">监委职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="itemformData.jwcy" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.jwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.xhzw !== undefined">
                  <Col span="6" style="margin-top: 6px">协会职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.xhzw" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.xhzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.rzsj !== undefined">
                  <Col span="6" style="margin-top: 6px">任职时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.rzsj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.rz_time !== undefined">
                  <Col span="6" style="margin-top: 6px">入职时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.rz_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.bscj !== undefined">
                  <Col span="6" style="margin-top: 6px">笔试成绩：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.bscj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.mscj !== undefined">
                  <Col span="6" style="margin-top: 6px">面试成绩：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.mscj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.qtzyzg !== undefined">
                  <Col span="6" style="margin-top: 6px">其他职业资格：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.qtzyzg" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.jxjyqk !== undefined">
                  <Col span="6" style="margin-top: 6px">继续教育情况：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.jxjyqk" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.qksgzg !== undefined">
                  <Col span="6" style="margin-top: 6px">是否取得全科社工工资：</Col>
                  <Col span="6">
                    <Select v-model="item.formData.qksgzg" filterable transfer="" disabled>
                      <Option :value="'Y'" >是</Option>
                      <Option :value="'N'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.qksg_time !== undefined">
                  <Col span="6" style="margin-top: 6px">全科社工工资取得时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.qksg_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.cjjn_time !== undefined">
                  <Col span="6" style="margin-top: 6px">初次缴纳时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.cjjn_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.czfdbx !== undefined">
                  <Col span="6" style="margin-top: 6px">是否有财政负担保险:</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.czfdbx" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.qtczfdbx !== undefined">
                  <Col span="6" style="margin-top: 6px">其他财政负担保险：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.qtczfdbx" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.lxjn !== undefined">
                  <Col span="6" style="margin-top: 6px">是否连续缴纳：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.lxjn" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.lxjn_time !== undefined">
                  <Col span="6" style="margin-top: 6px">持续缴纳时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.lxjn_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.pxjl !== undefined">
                  <Col span="6" style="margin-top: 6px">培训记录：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.pxjl" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.khjg" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.pxpd !== undefined">
                  <Col span="6" style="margin-top: 6px">综合评定：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.pxpd" filterable transfer="">
                      <Option :value="'10'" >优秀</Option>
                      <Option :value="'20'" >称职</Option>
                      <Option :value="'40'" >不称职</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.fp !== undefined">
                  <Col span="6" style="margin-top: 6px">是否返聘:</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.fp" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.fpyy !== undefined">
                  <Col span="6" style="margin-top: 6px">返聘原因：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.fpyy" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.ldht !== undefined">
                  <Col span="6" style="margin-top: 6px">劳动合同:</Col>
                  <Col span="6">
                    <Select disabled v-model="item.formData.ldht" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.ldhtjf !== undefined">
                  <Col span="6" style="margin-top: 6px">劳动合同甲方：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.ldhtjf" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.qtjf !== undefined">
                  <Col span="6" style="margin-top: 6px">其他甲方：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.qtjf" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.ldgxzm !== undefined">
                  <Col span="6" style="margin-top: 6px">劳动关系证明：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.ldgxzm" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.formData.qtzm !== undefined">
                  <Col span="6" style="margin-top: 6px">其他证明：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.formData.qtzm" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" >
                  <Col span="6" style="margin-top: 6px">亲属信息：</Col>
                </Row>
                <Row class="bench_search" >
                  <Table border :columns="familyInfoTable" :data="item.oldFamilyList"  style="margin-top: 10px;">
                    <template slot-scope="{ row }" slot="zzmm">
                      <div v-for="item in labelList.zzmm" :key="item.number">
                        <span v-if="item.number === row.zzmm">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="gx">
                      <div v-for="item in labelList.qsgx" :key="item.number">
                        <span v-if="item.number === row.gx">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="operate">
                      <Button type="primary" @click="updateFamily(row)" style="margin-right: 10px">编辑</Button>
                      <Button type="error" @click="deleteFamily(row)">删除</Button>
                    </template>
                  </Table>
                </Row>
                <Row class="bench_search" >
                  <Col span="6" style="margin-top: 6px">考核信息：</Col>
                </Row>
                <Row class="bench_search" >
                  <Table border :columns="assessmentInfoTable" :data="item.oldAssessmentList" style="margin-top: 10px;">
                    <template slot-scope="{ row }" slot="khlx">
                      <div v-for="item in labelList.khxx" :key="item.number">
                        <span v-if="item.number === row.khlx">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="khcj">
                      <div v-for="item in labelList.khjg" :key="item.number">
                        <span v-if="item.number === row.khcj">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="operate">
                      <Button type="primary" @click="updateAssessment(row)" style="margin-right: 10px">编辑</Button>
                      <Button type="error" @click="deleteAssessment(row)">删除</Button>
                    </template>
                  </Table>
                </Row>
              </Card>
            </Col>
            <Col span="11">
              <Card>
                <p slot="title">新值</p>
                <Row class="bench_search" v-if="item.newFormData.sex !== undefined">
                  <Col span="6" style="margin-top: 6px">性别：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.sex" filterable transfer="">
                      <Option disabled :value="'男'" >男</Option>
                      <Option disabled :value="'女'" >女</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.hunyin !== undefined">
                  <Col span="6" style="margin-top: 6px">婚姻状况：</Col>
                  <Col span="6">
                    <Select style="width: 70%;" v-model="item.newFormData.hunyin">
                      <Option v-for="item in labelList.hunyin" :key="item.number" :value="item.number">{{ item.type_name }}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.minzu !== undefined">
                  <Col span="6" style="margin-top: 6px">民族：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.minzu" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.minzu" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.zzmm !== undefined">
                  <Col span="6" style="margin-top: 6px">政治面貌：</Col>
                  <Col span="6">
                    <Select v-model="item.newFormData.zzmm" filterable transfer="" disabled="">
                      <Option :value="item.number" v-for="item in labelList.zzmm" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.tysb !== undefined">
                  <Col span="6" style="margin-top: 6px">是否退役士兵定向：</Col>
                  <Col span="6">
                    <Select v-model="item.newFormData.tysb" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.tysbdx !== undefined">
                  <Col span="6" style="margin-top: 6px">是否退役士兵定向：</Col>
                  <Col span="6">
                    <Select v-model="item.newFormData.tysbdx" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.js !== undefined">
                  <Col span="6" style="margin-top: 6px">是否军嫂：</Col>
                  <Col span="6">
                    <Select v-model="item.newFormData.js" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.zsdx !== undefined">
                  <Col span="6" style="margin-top: 6px">是否军嫂定向：</Col>
                  <Col span="6">
                    <Select v-model="item.newFormData.zsdx" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.dbhzn !== undefined">
                  <Col span="6" style="margin-top: 6px">是否为边缘低保户子女：</Col>
                  <Col span="6">
                    <Select v-model="item.newFormData.dbhzn" filterable transfer="" disabled>
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.phone !== undefined">
                  <Col span="6" style="margin-top: 6px">联系方式：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.phone" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.hj_address !== undefined">
                  <Col span="6" style="margin-top: 6px">户籍地址：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.hj_address" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.jt_address !== undefined">
                  <Col span="6" style="margin-top: 6px">家庭地址：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.jt_address" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.mgzp !== undefined">
                  <Col span="6" style="margin-top: 6px">免冠照片：</Col>
                  <Col span="6">
                    <img :src="item.newFormData.mgzp" style="height: 120px; width: 100px;">
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.sfzzm !== undefined">
                  <Col span="6" style="margin-top: 6px">身份证正面：</Col>
                  <Col span="6">
                    <img :src="item.newFormData.sfzzm" style="height: 120px; width: 100px;">
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.sfzfm !== undefined">
                  <Col span="6" style="margin-top: 6px">身份证反面：</Col>
                  <Col span="6">
                    <img :src="item.newFormData.sfzfm" style="height: 120px; width: 100px;">
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.byyx !== undefined">
                  <Col span="6" style="margin-top: 6px">毕业院校：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.byyx" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.sxzy !== undefined">
                  <Col span="6" style="margin-top: 6px">所学专业：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.sxzy" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.zgxl !== undefined">
                  <Col span="6" style="margin-top: 6px">最高学历：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.zgxl" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.zgxl" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.xw !== undefined">
                  <Col span="6" style="margin-top: 6px">学位：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.xw" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.xw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.bysj !== undefined">
                  <Col span="6" style="margin-top: 6px">毕业时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.bysj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.shgzs !== undefined">
                  <Col span="6" style="margin-top: 6px">社会工作师职业资格：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.shgzs" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.shgzs" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.shgzssj !== undefined">
                  <Col span="6" style="margin-top: 6px">社会工作师职业资格获取时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.shgzssj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.shgzs !== undefined">
                  <Col span="6" style="margin-top: 6px">党委职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="newFormData.shgzs" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.dwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search"  v-if="item.newFormData.jwzw !== undefined">
                  <Col span="6" style="margin-top: 6px">居委职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.jwzw" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.jvwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.jwcy !== undefined">
                  <Col span="6" style="margin-top: 6px">监委职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="itemnewFormData.jwcy" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.jwzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.xhzw !== undefined">
                  <Col span="6" style="margin-top: 6px">协会职务：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.xhzw" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.xhzw" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.rzsj !== undefined">
                  <Col span="6" style="margin-top: 6px">任职时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.rzsj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.rz_time !== undefined">
                  <Col span="6" style="margin-top: 6px">入职时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.rz_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.bscj !== undefined">
                  <Col span="6" style="margin-top: 6px">笔试成绩：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.bscj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.mscj !== undefined">
                  <Col span="6" style="margin-top: 6px">面试成绩：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.mscj" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.qtzyzg !== undefined">
                  <Col span="6" style="margin-top: 6px">其他职业资格：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.qtzyzg" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.jxjyqk !== undefined">
                  <Col span="6" style="margin-top: 6px">继续教育情况：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.jxjyqk" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.qksgzg !== undefined">
                  <Col span="6" style="margin-top: 6px">是否取得全科社工工资：</Col>
                  <Col span="6">
                    <Select v-model="item.newFormData.qksgzg" filterable transfer="" disabled>
                      <Option :value="'Y'" >是</Option>
                      <Option :value="'N'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.qksg_time !== undefined">
                  <Col span="6" style="margin-top: 6px">全科社工工资取得时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.qksg_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.cjjn_time !== undefined">
                  <Col span="6" style="margin-top: 6px">初次缴纳时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.cjjn_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.czfdbx !== undefined">
                  <Col span="6" style="margin-top: 6px">是否有财政负担保险:</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.czfdbx" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.qtczfdbx !== undefined">
                  <Col span="6" style="margin-top: 6px">其他财政负担保险：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.qtczfdbx" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.lxjn !== undefined">
                  <Col span="6" style="margin-top: 6px">是否连续缴纳：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.lxjn" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.lxjn_time !== undefined">
                  <Col span="6" style="margin-top: 6px">持续缴纳时间：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.lxjn_time" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.pxjl !== undefined">
                  <Col span="6" style="margin-top: 6px">培训记录：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.pxjl" filterable transfer="">
                      <Option :value="item.number" v-for="item in labelList.khjg" v-bind:key="item.number">{{item.type_name}}</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.pxpd !== undefined">
                  <Col span="6" style="margin-top: 6px">综合评定：</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.pxpd" filterable transfer="">
                      <Option :value="'10'" >优秀</Option>
                      <Option :value="'20'" >称职</Option>
                      <Option :value="'40'" >不称职</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.fp !== undefined">
                  <Col span="6" style="margin-top: 6px">是否返聘:</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.fp" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.fpyy !== undefined">
                  <Col span="6" style="margin-top: 6px">返聘原因：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.fpyy" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.ldht !== undefined">
                  <Col span="6" style="margin-top: 6px">劳动合同:</Col>
                  <Col span="6">
                    <Select disabled v-model="item.newFormData.ldht" filterable transfer="">
                      <Option :value="'是'" >是</Option>
                      <Option :value="'否'" >否</Option>
                    </Select>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.ldhtjf !== undefined">
                  <Col span="6" style="margin-top: 6px">劳动合同甲方：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.ldhtjf" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.qtjf !== undefined">
                  <Col span="6" style="margin-top: 6px">其他甲方：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.qtjf" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.ldgxzm !== undefined">
                  <Col span="6" style="margin-top: 6px">劳动关系证明：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.ldgxzm" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" v-if="item.newFormData.qtzm !== undefined">
                  <Col span="6" style="margin-top: 6px">其他证明：</Col>
                  <Col span="6">
                    <Input disabled v-model="item.newFormData.qtzm" type="text"></Input>
                  </Col>
                </Row>
                <Row class="bench_search" >
                  <Col span="6" style="margin-top: 6px">亲属信息：</Col>
                </Row>
                <Row class="bench_search" >
                  <Table border :columns="familyInfoTable" :data="item.newFamilyList"  style="margin-top: 10px;">
                    <template slot-scope="{ row }" slot="zzmm">
                      <div v-for="item in labelList.zzmm" :key="item.number">
                        <span v-if="item.number === row.zzmm">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="gx">
                      <div v-for="item in labelList.qsgx" :key="item.number">
                        <span v-if="item.number === row.gx">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="operate">
                      <Button type="primary" @click="updateFamily(row)" style="margin-right: 10px">编辑</Button>
                      <Button type="error" @click="deleteFamily(row)">删除</Button>
                    </template>
                  </Table>
                </Row>
                <Row class="bench_search" >
                  <Col span="6" style="margin-top: 6px">考核信息：</Col>
                </Row>
                <Row class="bench_search" >
                  <Table border :columns="assessmentInfoTable" :data="item.newAssessmentList" style="margin-top: 10px;">
                    <template slot-scope="{ row }" slot="khlx">
                      <div v-for="item in labelList.khxx" :key="item.number">
                        <span v-if="item.number === row.khlx">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="khcj">
                      <div v-for="item in labelList.khjg" :key="item.number">
                        <span v-if="item.number === row.khcj">{{ item.type_name }}</span>
                      </div>
                    </template>
                    <template slot-scope="{ row }" slot="operate">
                      <Button type="primary" @click="updateAssessment(row)" style="margin-right: 10px">编辑</Button>
                      <Button type="error" @click="deleteAssessment(row)">删除</Button>
                    </template>
                  </Table>
                </Row>
              </Card>
            </Col>
          </Row>
        </Card>
      </div>
    </Modal>
  </div>
</template>
<script>
import { checkPersonnelInfoList } from '@/api/eventlist'
import { getTypeList } from '@/api/worker'
export default {
  name: 'check-personnel-list',
  data() {
    return {
      labelList: { hunyin: [], minzu: [], zzmm: [], dwzw: [], jwzw: [], jvwzw: [], xhzw: [], zgxl: [], xw: [], shgzs: [], qsgx: [], khjg: [], khxx: [] },
      queryEdit: false,
      dataList: [],
      newFamilyList: [],
      oldFamilyList: [],
      newAssessmentList: [],
      oldAssessmentList: [],
      dictList: [[], [], []],
      personnelInfo: {},
      familyInfoTable: [
        { type: 'index', width: 60, align: 'center' },
        { title: '姓名', key: 'name', align: 'center'},
        { title: '政治面貌', slot: 'zzmm', align: 'center'},
        { title: '联系电话', key: 'mobile', align: 'center'},
        { title: '亲属关系', slot: 'gx', align: 'center'},
        { title: '工作单位', key: 'gzdw', align: 'center'}
      ],
      assessmentInfoTable: [
        {
          title: '序号',
          type: 'index',
          slot: 'id',
          width: 50,
          align: 'center'
        },
        { type: 'index', width: 60, align: 'center' },
        { title: '考核类型', slot: 'khlx', align: 'center'},
        { title: '考核成绩', slot: 'khcj', align: 'center'},
        { title: '考核时间', key: 'kh_time', align: 'center'}
      ]
    }
  },
  methods: {
    checkPersonnelInfoList (item) {
      this.personnelInfo = item
      checkPersonnelInfoList(item).then(res => {
        if (res.data.errcode === 0) {
          this.dataList = res.data.data
          this.dataList.forEach(function (item) {
            item.oldFamilyList = JSON.parse(item.oldFamilyList)
            item.newFamilyList = JSON.parse(item.newFamilyList)
            item.newAssessmentList = JSON.parse(item.newAssessmentList)
            item.oldAssessmentList = JSON.parse(item.oldAssessmentList)
            item.formData = JSON.parse(item.formData)
            item.newFormData = JSON.parse(item.newFormData)
          })
          this.queryEdit = true
        } else {
          this.$Notice.error({
            title: '获取对比信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getTypeName (id, index) {
      getTypeNameList({ typegroupcode: id }).then(res => {
        if (res.data.errcode === 0) {
          this.dictList[index] = res.data.data
        } else {
          this.$Notice.error({
            title: '获取字典列表失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getLabelList () { // 获取字典数据
      let param1 = { // 婚姻
        pid: '10006'
      }
      let param2 = { // 民族
        pid: '10008'
      }
      let param3 = { // 政治面貌
        pid: '10009'
      }
      let param4 = { // 党委职务
        pid: '10002'
      }
      let param5 = { // 居委职务
        pid: '10003'
      }
      let param6 = { // 监委职务
        pid: '10004'
      }
      let param7 = { // 协会职务
        pid: '10005'
      }
      let param8 = { // 最高学历
        pid: '10010'
      }
      let param9 = { // 学位
        pid: '10011'
      }
      let param10 = { // 学位
        pid: '10012'
      }
      let param11 = { // 亲属关系
        pid: '10015'
      }
      let param12 = { // 考核结果
        pid: '10014'
      }
      let param13 = { // 考核信息
        pid: '10013'
      }
      getTypeList(param1).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.hunyin = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param2).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.minzu = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param3).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.zzmm = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param4).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.dwzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param5).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.jvwzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param6).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.jwzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param7).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.xhzw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param8).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.zgxl = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param9).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.xw = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param10).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.shgzs = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param11).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.qsgx = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param12).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.khjg = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
      getTypeList(param13).then(res => {
        if (res.data.errcode === 0) {
          this.labelList.khxx = res.data.data
          return
        }
        this.$Notice.error({ title: '查询失败' })
      })
    }
  },
  mounted() {
    this.getLabelList()
  }
}
</script>
<style>

</style>
